import React, { Component } from 'react';
import '../../../assets/styles/shouye.css'
import Chuli from './zujian/chuli';
import Daiban from './zujian/daiban';
import Huanjing from './zujian/huanjing';
import Leibiao from './zujian/leibiao';
import Zhexian from './zujian/zhexian';

class Index extends Component {
    state={
        zong:'',
        nei:30,
        wai:40,
        nsh:30,
        wsh:40,
        sun:50,
        turan:60

    }
    render() {
        return (
            
            <div>
                <div className='bigbox'>
                {/* 温度 */}
                <div className='box1'>室内温度<br />
                    <span className='wendu'>
                     < img src= {require ('../../../assets/Image/shouye21.png')} />
                        {this.zong=Math.round(Math.random()*this.state.nei)}
                        °</span>
                </div>
                <div className='box1'>室外温度<br />
                    <span className='wendu'>
                    < img src= {require ('../../../assets/Image/shouye18.png')} />
                    {this.zong=Math.round(Math.random()*this.state.wai)}°
                    </span>
                </div>
                <div className='box1'>室内湿度<br />
                    <span className='wendu'>
                    < img src= {require ('../../../assets/Image/shouye24.png')} />
                    {this.zong=Math.round(Math.random()*this.state.nsh)}°
                    </span>
                </div>
                <div className='box1'>室内温度<br />
                    <span className='wendu'>
                    < img src= {require ('../../../assets/Image/shouye24.png')} />
                    {this.zong=Math.round(Math.random()*this.state.wsh)}°
                    </span>
                </div>
                <div className='box1'>光照强度<br />
                    <span className='wendu'>
                    < img src= {require ('../../../assets/Image/shouye26.png')} />
                    {this.zong=Math.round(Math.random()*this.state.sun)}°
                    </span>
                </div>
                <div className='box1'>土壤湿度<br />
                    <span className='wendu'>
                    < img src= {require ('../../../assets/Image/shouye29.png')} />
                    {this.zong=Math.round(Math.random()*this.state.turan)}°
                    </span>
                </div>
                </div>
                <div className='tubiao'>
                <div>
                {/* 代办事项 */}
                <Daiban></Daiban>
                {/* 处理中 */}
                <Chuli></Chuli>
                {/* 折现图 */}
                </div>
                <Zhexian></Zhexian>
                </div>
                <div>
                <Huanjing></Huanjing>
                </div>
                <div>
                  <Leibiao></Leibiao>
                </div>
            </div>
          
        );
    }
   
       
}

export default Index;
